Sam Smith - Gloria |

gtag('event', 'conversion', {'send_to': 'AW-825258057/QuprCJnx2vQZEMngwYkD'}); let WapkaSiteAPI = {"apikey": "18063:kqfnh77fv9v97ld3vrc1nk0qkl"} .iframe-container.minimized { opacity: 0; visibility: hidden; pointer-events: none; } .iframe-container.visible { opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container.expanded { border-radius: 12px; } .toggle-button { position: absolute; top: 10px; right: 10px; background: #007bff; color: white; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease, background 0.3s ease; } .toggle-button:hover { transform: scale(1.1); background: #0056b3; } .toggle-button.expanded { transform: rotate(180deg); } .toggle-icon { font-size: 18px; } .ad-label { position: absolute; top: 10px; left: 15px; font-size: 14px; color: #333; font-weight: bold; user-select: none; } .main-content { padding: 20px; max-width: 800px; margin: 0 auto; position: relative; z-index: 1; } Sponsored Ads class AdIframe { constructor(config = {}) { this.containerId = config.containerId || 'adContainer'; this.iframeSrc = config.iframeSrc || 'https://zuna.id/view.html'; this.minHeight = config.minHeight || '80px'; this.maxHeight = config.maxHeight || 'min(70vh, 600px)'; this.width = config.width || 'min(90%, 800px)'; this.threshold = config.threshold || 150; this.transitionDuration = config.transitionDuration || '0.8s'; this.isExpanded = false; this.isMinimized = false; this.touchStartY = 0; this.touchEndY = 0; this.init(); } init() { this.container = document.getElementById(this.containerId); this.toggleButton = this.container.querySelector('#toggleButton'); this.toggleIcon = this.toggleButton.querySelector('.toggle-icon'); this.iframe = this.container.querySelector('#adIframe'); this.setupStyles(); this.setupEventListeners(); this.startAutoScroll(); this.checkScroll(); } setupStyles() { this.container.style.cssText = ` position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: ${this.width}; height: ${this.minHeight}; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.15); transition: height ${this.transitionDuration} cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity ${this.transitionDuration}, visibility ${this.transitionDuration}; z-index: 1000; border-radius: 12px 12px 0 0; opacity: 1; visibility: visible; pointer-events: auto; `; this.iframe.style.cssText = ` width: 100%; height: 100%; border: none; display: block; border-radius: inherit; overflow: hidden; -webkit-overflow-scrolling: touch; `; } toggleIframe(action) { if (action === 'expand' && !this.isExpanded) { this.isExpanded = true; this.isMinimized = false; this.container.classList.add('expanded'); this.container.classList.remove('minimized'); this.container.classList.add('visible'); this.container.style.height = this.maxHeight; this.toggleIcon.textContent = '▼'; this.toggleButton.classList.add('expanded'); this.iframe.contentWindow.scrollTo({ top: 0, behavior: 'smooth' }); } else if (action === 'minimize') { this.isExpanded = false; this.isMinimized = true; this.container.classList.remove('expanded'); this.container.classList.add('minimized'); this.container.classList.remove('visible'); this.container.style.height = this.minHeight; this.toggleIcon.textContent = '▲'; this.toggleButton.classList.remove('expanded'); } } checkScroll() { const scrollPosition = window.scrollY + window.innerHeight; const pageHeight = document.body.scrollHeight; if (scrollPosition > pageHeight - this.threshold) { if (this.isMinimized) { this.container.classList.add('visible'); } if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } } else if (this.isMinimized) { this.container.classList.remove('visible'); } } startAutoScroll() { if (!this.isExpanded && !this.isMinimized) { this.scrollInterval = setInterval(() => { const maxScroll = this.iframe.contentWindow.document.body.scrollHeight - this.iframe.contentWindow.innerHeight; const currentScroll = this.iframe.contentWindow.scrollY; if (currentScroll >= maxScroll) { this.iframe.contentWindow.scrollTo({ top: 0, behavior: 'smooth' }); } else { this.iframe.contentWindow.scrollBy({ top: 50, behavior: 'smooth' }); } }, 2500); } } stopAutoScroll() { clearInterval(this.scrollInterval); } setupEventListeners() { // Toggle button click this.toggleButton.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); this.toggleIframe(this.isExpanded ? 'minimize' : 'expand'); }); // Swipe gestures this.container.addEventListener('touchstart', (e) => { this.touchStartY = e.touches[0].clientY; }); this.container.addEventListener('touchmove', (e) => { this.touchEndY = e.touches[0].clientY; }); this.container.addEventListener('touchend', () => { if (this.touchStartY - this.touchEndY > 50) { this.toggleIframe('expand'); } else if (this.touchEndY - this.touchStartY > 50) { this.toggleIframe('minimize'); } }); // Expand on iframe scroll const handleIframeScroll = () => { if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } }; window.addEventListener('message', (e) => { if (e.source === this.iframe.contentWindow && e.data === 'scroll') { handleIframeScroll(); } }); this.container.addEventListener('wheel', (e) => { e.preventDefault(); if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } this.iframe.contentWindow.scrollBy({ top: e.deltaY, behavior: 'smooth' }); }); this.container.addEventListener('touchmove', () => { if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } }); // Auto-scroll control this.container.addEventListener('transitionend', () => { if (!this.isExpanded && !this.isMinimized) { this.startAutoScroll(); } else { this.stopAutoScroll(); } }); // Scroll listener window.addEventListener('scroll', () => this.checkScroll()); // Iframe scroll detection this.iframe.onload = () => { try { const iframeDoc = this.iframe.contentDocument || this.iframe.contentWindow.document; const script = iframeDoc.createElement('script'); script.textContent = ` window.addEventListener('scroll', () => { window.parent.postMessage('scroll', '*'); }); window.addEventListener('touchmove', () => { window.parent.postMessage('scroll', '*'); }); `; iframeDoc.head.appendChild(script); } catch (e) { console.log('Cross-origin iframe, relying on container events'); } }; } } // Initialize on page load document.addEventListener('DOMContentLoaded', () => { new AdIframe({ iframeSrc: 'https://zuna.id/view.html', containerId: 'adContainer', minHeight: '80px', maxHeight: 'min(70vh, 600px)', width: 'min(90%, 800px)', threshold: 150, transitionDuration: '0.8s' }); });

Add Post Upload Content MENU

Get full access to THATCRUISE. Use the app INSTALL NOW

THAT-CRUISE - OlaHypes

Are You Sure You Want To

Edit This Articles? If Yes

StrollDown To Fix That!!

Delete OR Go Back To Articles

Following previously released tracks, the well-enchanted song is the most recent entrance this year. You should add the excellent record “Gloria” to your repertoire. But it serves as Sam Smith’s most recent single for 2023.

Hopefully, the widespread acceptance of this record will propel the Afro-classic crooner to new heights.
Listen and share your thought below: